<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap4.5.min.css">
    <title>玩具模板</title>
    <style>
        li {
            list-style: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        .row {
            margin: 0;
        }
        
        @media (min-width:576px) {
            .container {
                max-width: 576px;
                padding: 0;
            }
        }
        
        @media (min-width:768px) {
            .container {
                max-width: 768px;
                padding: 0;
            }
        }
        
        @media (min-width:992px) {
            .container {
                max-width: 992px;
                padding: 0;
            }
        }
        
        @media (min-width:1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }
        
        .toys_list_img img {
            width: 100%;
        }
        
        .toys_list_fl {
            padding-right: 0;
        }
        
        .toys_list_fr {
            padding-left: 0;
        }
        
        .toys_list_box {
            padding: 150px 100px 99px 100px;
        }
        
        .toys_list_box span {
            font-size: 12px;
            color: #999999;
        }
        
        .toys_list_box p {
            font-size: 14px;
            margin-top: 80px;
            color: rgb(136, 136, 136);
        }
        
        .toys_list_fr_txt {
            width: 100%;
            display: flex;
            background-color: rgba(255, 188, 0, 1);
            color: #fff;
        }
        
        .toys_list_fr_txt_img {
            width: 30%;
        }
        
        .toys_list_fr_txt_content {
            width: 69%;
            padding-top: 30px;
            padding-left: 10px;
        }
        
        .toys_list_fr_txt_img img {
            width: 100%;
            height: 100%;
        }
        
        .toys_list_fr_txt_content span {
            display: block;
            margin-bottom: 30px;
        }
        
        .toys {
            width: 100%;
            background: url("img/toys/beijin.jpg") no-repeat;
        }
        
        @media(max-width:1200px) {
            .toys {
                background-image: none;
            }
            .toys_list_box {
                padding: 85px 40px;
            }
            .toys_list_box p {
                margin-top: 20px;
            }
            .toys_list_fr {
                margin-top: 15px;
            }
        }
        
        @media(max-width:992px) {
            .toys_list_box {
                padding: 0 40px;
            }
            .toys_list_box p {
                margin-top: 20px;
            }
        }
        
        @media(max-width:768px) {
            .toys_list_fr_txt {
                display: flex;
                flex-direction: column;
            }
            .toys_list_fl,
            .toys_list_fr {
                padding: 0;
            }
            .toys_list_box {
                padding: 0;
            }
            .toys_list_box p {
                margin-top: 20px;
            }
        }
    </style>
</head>

<body>
    <div class="toys">
        <div class="container">
            <div class="toys_list">
                <div class="row">
                    <div class="col-lg-5 col-md-5 col-12 toys_list_fl">
                        <div class="toys_list_img">
                            <img src="img/toys/img1.webp" alt="">
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-7 col-12 toys_list_fr">
                        <div class="toys_list_box">
                            <h5>关于我们</h5>
                            <span>ABOUT US</span>
                            <p>公司自成立以来本着“重实际，办实事，见实效，用心服务客户”的经营理念，在多年的风雨磨练下公司坚定经营理念，不断完善管理架构，不断提升自我竞争力而努力，更有着优秀的核心设计制作人才和专业的生产队伍，更加完善设计的标准化和服务的快速化，以实效运作策略和经营理念赢得了客户的认可</p>
                        </div>
                        <div class="toys_list_fr_txt">
                            <div class="toys_list_fr_txt_img">
                                <img src="img/toys/img2.webp" alt="">
                            </div>
                            <div class="toys_list_fr_txt_content">
                                <h5>我们的优势</h5>
                                <span>OUR ADVANTAGE</span>
                                <p>我们服务过多家企业，有一万多平的生产厂房，原材料多为进口，长期合作伙伴上万家，资金雄厚，可为您....</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>